<!doctype html>
<html>
<head>
    <title>品牌加盟</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--bootstrap-->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    <!--coustom css-->
    <!--<link href="css/style.css" rel="stylesheet" type="text/css"/>-->
    <!--script-->
    <script src="js/jquery-1.11.0.min.js"></script>
    <!-- js -->
    <script src="js/bootstrap.js"></script>
    <link href="css/video-js.css" rel="stylesheet">
    <!-- If you'd like to support IE8 -->
    <script src="js/videojs-ie8.min.js"></script>
    <script src="js/video.min.js"></script>
    <!-- /js -->
    <!--fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <!--hover-girds-->
    <link rel="stylesheet" type="text/css" href="css/default.css"/>
    <link rel="stylesheet" type="text/css" href="css/component.css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/teaching.css">
    <link rel="stylesheet" href="css/brand.css">
    <script src="js/modernizr.custom.js"></script>
    <!--/hover-grids-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!--script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--/script-->
</head>
<body style="background-color: white">
<!--nav-->
<!--<div class="container clearfix">-->
<div id="nav" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hidden-sm" href="#">宝可思国际儿童会</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于宝可思ICC</a></li>
                <li><a href="teachingShow.html">教学展示</a></li>
                <li class="active"><a href="brand.html">品牌加盟</a></li>
                <li><a href="nationwide.html">全国中心</a></li>
                <li><a href="ICCCommunity.html">宝可思ICC社区</a></li>
                <li class="phone">
                    <img src="./images/phone1.png" alt="">
                    <span>400 1100 508</span>
                </li>
                <li class="english">
                    <span>English</span>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</div>
<!--</div>-->

<!--</div>-->
<!-- 二级导航 -->
<!--<div class="container-fluid" id="navigation-two">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<ul class="nav nav-pills">-->
<!--<li role="presentation" class="active"><a href="#">课程介绍</a></li>-->
<!--<li role="presentation"><a href="#">教学活动</a></li>-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--品牌 优势-->
<div id="brand-youshi" class="container-fluid">
    <div class="container container-padding">
        <div class="row ">
            <div class="col-xs-12 text-center">
                <h3 style="color: black">品牌优势</h3>
            </div>
        </div>
        <div class="row ">
            <ul class="list-unstyled brand-youshi-ul">
                <li class="col-md-4 col-sm-6 col-xs-12 brand-youshi-li1">

                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <p>
                        宝可思 ICC 汇聚了英国、美国、加拿大等英语母语国家的优秀外教，营造全英文交流环境，赢得“自然拼读教学示范基地”称号。
                    </p>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">

                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <p>宝可思 ICC具有国际师资、国际认可的课程体系，拥有全面的教育、娱乐及社交发展设施，在全英文环境中使孩子们的能力得到综合发展。</p>
                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">

                </li>
                <li class="col-md-4 col-sm-6 col-xs-12">
                    <p>宝可思 ICC教室特别采取玻璃幕墙设计，以便家长知悉孩子的课堂反应，与孩子共同成长。</p>
                </li>
            </ul>
        </div>
    </div>

</div>
<!--加盟支持体系-->
<div class="container-fluid" id="brand-img-and-text">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 top-img">
                <h3 style="color: #282828">加盟支持体系</h3>
            </div>
            <div class="col-md-4 col-md-12 col-md-12 brand-jm">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <img src="images/brand_a.png" alt="" class="brand-tixi">
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <img src="images/brand_b.png" alt="" class="brand-tixi">
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <img src="images/brand_c.png" alt="" class="brand-tixi">
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <img src="images/brand_d.png" alt="" class="brand-tixi">
                </div>
            </div>
            <div class="col-md-8 col-sm-12 col-xs-12 brand-jm-right">
                <ul>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tx1.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-jm-right-p">
                            <p>品牌支持</p>
                            <p>为加盟商提供多角度的营销策略，结合所在区域的经济发展水平以及市场需求特点，辅助加盟商进行定制化的品牌和市场推广。</p>
                        </div>
                    </li>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tx2.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-jm-right-p">
                            <p>筹备支持</p>
                            <p>选址与标准化装修指导，筹备流程表，包含企业注册、装修标准、办公设备配备等，协助招聘、面试、搭建并稳固团队成员。</p>
                        </div>
                    </li>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tx3.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-jm-right-p">
                            <p>运营支持</p>
                            <p>提供财务分析模型及标准化管理系统，日常运营管理指导、中心工作人员的进阶培训，同时提供多维度的品牌营销整体支持。</p>
                        </div>
                    </li>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tx4.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-jm-right-p">
                            <p>教学支持</p>
                            <p>提供标准化的外教课程培训、英文评估体系及教学督导支持，共享宝可思ICC独有的课程资源，及线上音/视频学习资源。</p>
                        </div>
                    </li>
                </ul>
            </div>


        </div>
    </div>
</div>
<!--加盟条件-->
<div class="container-fluid" id="brand-tj">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 top-img">
                <h3 style="color: #282828">加盟条件</h3>
            </div>
            <div class="col-md-8 col-sm-12 col-xs-12 brand-tj-right">
                <ul>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tj_img1.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-tj-right-p">
                            <p>热爱教育行业，认可宝可思ICC（中国区）的教育理念，愿投入其中并立足于长远发展。</p>
                        </div>
                    </li>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tj_img2.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-tj-right-p">
                            <p>具备丰富的企业经营和团队管理经验，认可宝可思ICC（中国区）的管理规范及各项规定。</p>
                        </div>
                    </li>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tj_img3.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-tj-right-p">
                            <p>.具备一定的资金实力以及抗风险能力，启动资金100万以上，同时具备良好的资金信用。</p>
                        </div>
                    </li>
                    <li class="row">
                        <div class="col-md-2 col-sm-2 hidden-xs">
                            <img src="./images/brand_tj_img4.png" alt="">
                        </div>
                        <div class="col-md-10 col-sm-10 col-xs-10 brand-tj-right-p">
                            <p>拟营业场所的物业要符合所需的基本工程条件，即层高3米以上，楼层3层（含）以下。</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-md-4 col-md-12 col-md-12 brand-tj-img ">
                <img src="images/brand_tj.png" alt="">
            </div>

        </div>
    </div>
</div>
<!--加盟过程-->
<div class="container-fluid" id="brand-gc">
    <div class="container">
        <div class="row hidden-sm hidden-xs">
            <div class="col-md-12 col-sm-12 col-xs-12 top-img  brand-gc-title">
                <h3 style="color: #282828">加盟合作流程</h3>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-2 no-padding">
                <div class="col-md-5 col-sm-5 col-xs-5 brand-heng">

                </div>
                <div class="col-md-7 col-sm-7 col-xs-7 brand-yuan">
                    <p>01</p>
                    <div class="brand-gc-text">
                        <div class="brand-shu-text">
                            <p>项目咨询</p>
                        </div>
                        <div class="brand-shu">

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-2 no-padding">
                <div class="col-md-6 col-sm-5 col-xs-5 brand-heng">

                </div>
                <div class="col-md-6 col-sm-7 col-xs-7 brand-yuan">
                    <p>02</p>
                    <div class="brand-gc-text2">
                        <div class="brand-shu">
                        </div>
                        <div class="brand-shu-text2">
                            <p>提交申请</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-4 col-xs-2 no-padding">
                <div class="col-md-5 col-sm-5 col-xs-5 brand-heng">

                </div>
                <div class="col-md-7 col-sm-7 col-xs-7 brand-yuan">
                    <p>03</p>
                    <div class="brand-gc-text">
                        <div class="brand-shu-text">
                            <p>总部考察，资质评估</p>
                        </div>
                        <div class="brand-shu">

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-2 no-padding">
                <div class="col-md-6 col-sm-5 col-xs-5 brand-heng">

                </div>
                <div class="col-md-6 col-sm-7 col-xs-7 brand-yuan">
                    <p>04</p>
                    <div class="brand-gc-text2">
                        <div class="brand-shu">
                        </div>
                        <div class="brand-shu-text2">
                            <p>成立合作项目组<br/>洽谈合作条款<br/>签署协议</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-4 col-xs-2 no-padding">
                <div class="col-md-5 col-sm-5 col-xs-5 brand-heng">

                </div>
                <div class="col-md-7 col-sm-7 col-xs-7 brand-yuan">
                    <p>05</p>
                    <div class="brand-gc-text">
                        <div class="brand-shu-text">
                            <p>选址地点考察与访谈</p>
                        </div>
                        <div class="brand-shu">

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-2 no-padding">
                <div class="col-md-6 col-sm-5 col-xs-5 brand-heng">

                </div>
                <div class="col-md-6 col-sm-7 col-xs-7 brand-yuan">
                    <p>06</p>
                    <div class="brand-gc-text2">
                        <div class="brand-shu">
                        </div>
                        <div class="brand-shu-text2">
                            <p>小区运营，开业运营</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--加入我们-->
<div class="container-fluid" id="brand-join">
    <div class="container">
        <div class="row ">
            <div class="col-md-12 col-sm-12 col-xs-12 top-img ">
                <h3 style="color: #282828">加入我们</h3>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <input type="text" class="form-control" id="name" placeholder="姓名">
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <select class="form-control" id="sex">
                    <option value="" style="color: #b6b6b6" disabled selected>性别</option>
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <input type="tel" class="form-control" id="phone1" placeholder="手机号">
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <button type="submit"  class="btn buttom" onclick="subJoin()">提交申请</button>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <select class="form-control" id="selProvince" onchange="provinceChange();">
                    <option value="省" style="color: #b6b6b6" disabled selected>所在省份</option>
                </select>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <select class="form-control" id="selCity">
                    <option value="市" style="color: #b6b6b6" disabled selected>所在城市</option>
                </select>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <input type="email" class="form-control" id="email1" placeholder="邮箱">
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12" style="height: 40px"></div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <input type="number" class="form-control" id="money" placeholder="启动资金">
            </div>
            <script src="js/city.js"></script>
        </div>
    </div>
</div>
<!--GGX 底部-->
<div class="container-fluid">
    <div class="row" id="bottom">
        <div class="col-xs-12">
            <form class="form-inline text-center input-height" id="form2">
                <div class="form-group">
                    <label for="inputName">立即报名：</label>
                    <input type="text" class="form-control" id="inputName" name="username" placeholder="孩子姓名">
                </div>
                <div class="form-group">
                    <label for="inputAge"></label>
                    <input type="number" class="form-control" id="inputAge" name="age" placeholder="孩子年龄">
                </div>
                <div class="form-group">
                    <label for="inputPhone"></label>
                    <input type="tel" class="form-control" id="inputPhone" name="phone" placeholder="联系电话">
                </div>
                <div class="form-group">
                    <button type="submit" id="submitit" name="submit" class="btn " onclick="subIt()">申请试听课</button>
                </div>
            </form>
            <script src="js/bootstrapValidator.min.js"></script>
            <link rel="stylesheet" href="css/bootstrapValidator.min.css">
            <script type="text/javascript">
                $(function () {
                    $('#form2').bootstrapValidator({
                        message: 'This value is not valid',
                        feedbackIcons: {
                            valid: 'glyphicon glyphicon-ok',
                            invalid: 'glyphicon glyphicon-remove',
                            validating: 'glyphicon glyphicon-refresh'
                        },
                        fields: {
                            username: {
                                message: '申请试听课失败',
                                validators: {
                                    notEmpty: {
                                        message: '孩子姓名不能为空'
                                    },
                                }
                            },
                            age: {
                                validators: {
                                    notEmpty: {
                                        message: '孩子年龄不能为空'
                                    }
                                }
                            },
                            phone: {
                                message: '申请试听课失败',
                                validators: {
                                    notEmpty: {
                                        message: '联系电话不能为空'
                                    },
                                    regexp: {
                                        regexp: /^0?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/,
                                        message: '联系电话格式不正确'
                                    }
                                }
                            }
                        },
                        submitHandler: function(validator, form, submitButton) {
                            console.log("")
                        },

                    });
                    $('#form2').click(function() {
                        console.log("123")
                        $('#submitit').bootstrapValidator('validate');
                    });
                });
                function subIt(){
                    console.log("提交了1！！")
                };
                function subJoin(){
                    console.log($("#name").val())
                    console.log($("#sex").val())
                    console.log($("#phone1").val())
                    console.log($("#selProvince").val())
                    console.log($("#selCity").val())
                    console.log($("#email1").val())
                    console.log($("#money").val())
                    var name=$("#name").val()
                    var sex = $("#sex").val()
                    var phone1 = $("#phone1").val()
                    var selProvince = $("#selProvince").val()
                    var selCity = $("#selCity").val()
                    var email1 = $("#email1").val()
                    var money = $("#money").val()
                    if(name=="" || name == null){
                        alert("姓名不能为空")
                        return
                    }
                    if(sex=="" || sex == null){
                        alert("性别不能为空")
                        return
                    }
                    if(phone1=="" || phone1 == null){
                        alert("手机号不能为空")
                        return
                    }
                    if(!(/^1[34578]\d{9}$/.test(phone1))){
                        alert("手机号码有误，请重填");
                        return;
                    }
                    if(!(/^1[34578]\d{9}$/.test(phone1))){
                        alert("手机号码有误，请重填");
                        return;
                    }
                }
            </script>

        </div>
    </div>
</div>
<div style="background-color: #1D1D1D">
    <div class="container" id="bottom2">
        <div class="row">
            <div class="col-md-1 col-sm-1 col-xs-1 hidden-xs">
                <ui>
                    <li><a href="index.html"><span >首页</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="about.html"><span >关于宝可思ICC</span></a></li>
                    <li><a href="about.html"><span>品牌背景</span></a></li>
                    <li><a href="about.html"><span>团队介绍</span></a></li>
                    <li><a href="about.html"><span>教育理念&优势</span></a></li>
                    <li><a href="about.html"><span>荣誉&资质</span></a></li>
                    <li><a href="mediaReport.html"><span>媒体报道</span></a></li>
                    <li><a href="engageTalents.html"><span>诚聘英才</span></a></li>
                    <li><a href="contact.html"><span>联系我们</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="teachingShow.html"><span>教学展示</span></a></li>
                    <li><a href="teachingShow.html"><span>课程名称&内容</span></a></li>
                    <li><a href="teachingShow.html"><span>课程图片</span></a></li>
                    <li><a href="teachingShow.html"><span>教学视频</span></a></li>
                    <li><a href="teachingActivity.html"><span>教学活动</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="brand.html"><span class="bottom-active">品牌加盟</span></a></li>
                    <li><a href="brand.html"><span>品牌优势</span></a></li>
                    <li><a href="brand.html"><span>品牌支持</span></a></li>
                    <li><a href="brand.html"><span>加盟流程</span></a></li>
                    <li><a href="brand.html"><span>加盟信息提交</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="nationwide.html"><span>全国中心</span></a></li>
                    <li><a href="nationwide.html"><span>各校区展示</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="ICCCommunity.html"><span>宝可思ICC社区</span></a></li>
                </ui>
            </div>
            <script>
                $(document).ready(function () {
                    $('.to-top-class').click(function () {
                        $('html, body').animate({scrollTop: 0}, 'slow');
                    });
                });
            </script>
            <div class="col-md-1 col-sm-1 col-xs-12">
                <a href="#to-top"><img src="./images/top@2x.png" alt="" class="to-top-class"></a>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div class="container" id="bottom3">
        <div>
            <p>本站所有权、运营权和维护权都归宝可思国际儿童会所有</p>
            <p>Copyright 2013 MHH ALL Rights Reserved</p>
            <p>宝可思国际儿童会 京ICP备14006561号-6</p>
        </div>
    </div>
</div>


<!--右边的悬浮框-->
<script>
    $(document).ready(function () {
        var h = $(document).height() - $(window).height();
        $('.right-fix').click(function () {
            $('html, body').animate({scrollTop: h - 50}, 'slow');
        });
    });
</script>
<div class="right-fix hidden-sm">
    <p>免费领取</p>
    <p>价值600元</p>
    <p>试听课</p>
</div>
<div class="right-fix-ly hidden-sm" style="" onclick="openwindow('./leaveMessage.html')">
    <img src="./images/liuyan.png" alt="" style="width: 70%">
    <p style="color: #DF1717;font-size: 14px;margin:0">在线咨询</p>
</div>
<script>
    // 图书列表
    $("#book_display").on("mouseover mousein", "li h5", function () {
        var $li = $(this).parents("li");
        if (!$li.hasClass("col-sm-7")) {
            $li.siblings(".col-sm-7").removeClass("col-sm-7").addClass("col-sm-1");
            $li.removeClass("col-sm-1").addClass("col-sm-7");
        }
    });
</script>
</body>
</html>
